<div class="alarmSolve-title">
    <div class="title-left">
        <img src="assets/imgs/return.svg" (click)="goBack()">
        <!-- <ion-icon (click)="goBack()" name="ios-arrow-back"></ion-icon> -->
    </div>
    <div>{{ title }}</div>
    <div *ngIf="!isLook" class="doNext" (click)="doNext()">完成</div>
</div>
<ion-content class="alarmSolve-content">
    <!-- 文字 -->
    <div class="alarmSolve-content-text">
        <textarea (focus)="inputFocus()" (blur)="inputBlur()" [disabled]="isLook" [(ngModel)]="describe" maxlength=60 rows=3 placeholder="请输入60字以内的描述"></textarea>
    </div>
    <!-- 语音 -->
    <div class="alarmSolve-content-voiceList">
        <div class="voiceList-item" (click)="voiceClick(i,item)" *ngFor="let item of voiceList;let i=index">
            <div class="voiceList-item-div" [style.width]="item.eachVoiceWidth">
                <div class="voiceList-item-del" (click)="deleteVoice(i)"><img src="assets/imgs/alarmTask/del_voice.svg" /></div>
                <div class="voiceList-item-volume"></div>
                <span class="voiceList-item-timer">{{item.time}}″</span>
            </div>
        </div>
    </div>
    <!-- 图片 -->
    <div class="alarmSolve-content-imgList">
        <div class="imgList-item" (click)="mediaClick(i,item.type)" *ngFor="let item of images;let i=index">
            <img *ngIf="item.type=='img'" src="{{item.path}}" />
            <div *ngIf="item.type=='video'" class="imgList-item-videoBox">
                <div class="imgList-item-videoBg"></div>
                <img class="imgList-item-videoImg" src="assets/imgs/alarmTask/playVideo.svg" />
                <img src="{{item.path}}" />
            </div>
            <div *ngIf="item.type=='spin'" class="imgList-spin-box">
                <ion-spinner></ion-spinner>
            </div>
        </div>
        <div *ngIf="images.length<6&&!isLook" style="border: none" class="imgList-item" (click)="presentActionSheet()">
            <img src="assets/imgs/alarmTask/addImg.svg" />
        </div>
    </div>
    <!-- 录音 -->
    <div *ngIf="!isLook&&!isWrite" class="alarmSolve-content-voice" (panmove)="cancelRecord($event)" (pointerup)="stopRecord()" (press)="startRecord()">
        <img src="assets/imgs/alarmTask/voice.svg" />
    </div>
    <!-- 录音框 -->
    <div [style.display]="voiceShow?'block':'none'" class="voice-state">
        <!-- 上划录音框 -->
        <img [style.display]="!saveRecord?'block':'none'" class="voice-state-cancelImg" src="assets/imgs/alarmTask/cancelVoice.svg">
        <!-- 录音框 -->
        <div [style.display]="saveRecord?'block':'none'" style="width: 100%;height: 100%;">
            <img class="voice-state-recordImg" src="assets/imgs/alarmTask/startVoice.svg">
            <div class="voice-state-volumeAnimateBox">
                <div class="voice-state-volumeAnimateImg"></div>
            </div>
        </div>
        <div class="voice-state-msg" [style.background]="saveRecord ?'transparent' :'#8B2624'">
            {{voiceStateTitle}}</div>
    </div>
</ion-content>